.information-list {
  &__wrapper {
    padding: 20px 20px;
  }

  .information-item {
    background-color: #fff;
    border-radius: 8px;
    margin-top: 20px;
    padding: 15px 20px;
    font-size: 24px;
    color: #555;
    overflow: hidden;
    display: flex;
    align-items: center;

    &__image {
      width: 100%;
      height: 100%;
      border-radius: 8px;
    }
    &__right {
      flex: 1;
      margin-left: 20px;
    }

    &__title {
      color: #000;
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 10px;
      text-overflow: -o-ellipsis-lastline;
      overflow: hidden; //溢出内容隐藏
      text-overflow: ellipsis; //文本溢出部分用省略号表示
      display: -webkit-box; //特别显示模式
      -webkit-line-clamp: 2; //行数
      line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    &__footer {
      display: flex;
      align-items: center;
      &--left {
        flex: 1;
      }
      &--right {
        display: flex;
        align-items: center;
      }
    }

    &:first-child {
      margin-top: 0;
    }
  }
}
